/*
 * Showup.js jQuery Plugin
 * http://github.com/jonschlinkert/showup
 *
 * Copyright (c) 2013 Jon Schlinkert, contributors
 * Licensed under the MIT License (MIT).
 */

/**
 * Docs navbar transitions effects
 */

.navbar {
  -webkit-transition: -webkit-transform .5s .5s, background .5s, color .1s;
     -moz-transition:    -moz-transform .5s .5s, background .5s, color .1s;
       -o-transition:      -o-transform .5s .5s, background .5s, color .1s;
          transition:         transform .5s .5s, background .5s, color .1s;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.navbar-tall,
.navbar-show {
  opacity: 1;
  -webkit-transition: -webkit-transform .25s, background 2s, color .3s;
     -moz-transition:    -moz-transform .25s, background 2s, color .3s;
       -o-transition:      -o-transform .25s, background 2s, color .3s;
          transition:         transform .25s, background 2s, color .3s;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.navbar-hide {
  opacity: 0;
  -webkit-transition: -webkit-transform .2s, background .3s, color .3s, opacity 0 .3s;
     -moz-transition:    -moz-transform .2s, background .3s, color .3s, opacity 0 .3s;
       -o-transition:      -o-transform .2s, background .3s, color .3s, opacity 0 .3s;
          transition:         transform .2s, background .3s, color .3s, opacity 0 .3s;
  -webkit-transform: translate(0, -80px);
      -ms-transform: translate(0, -80px);
          transform: translate(0, -80px);
}


.navbar-tall,
.navbar-short,
.navbar-tall .navbar-brand,
.navbar-short .navbar-brand,
.navbar-tall .navbar-nav > li > a,
.navbar-short .navbar-nav > li > a {
  -webkit-transition: all 0.2s linear;
          transition: all 0.2s linear;
}

.navbar-short {
  min-height: 40px;
}
.navbar-short .navbar-brand {
  font-size: 16px;
  padding: 13px 15px 10px;
}
.navbar-short .navbar-nav > li > a {
  padding-top: 12px;
  padding-bottom: 12px;
}


.navbar-tall {
  min-height: 70px;
}
.navbar-tall .navbar-brand {
  font-size: 24px;
  padding: 25px 15px;
}
.navbar-tall .navbar-nav > li > a {
  padding-top: 25px;
}



/**
 * Docs Buttons
 */

/* Demo buttons are all <button> tags, so
 * lets style these directly.
 */
button {
  float: right !important;
}


/* Fixed button, bottom right */
.btn-fixed-bottom {
  position: fixed;
  bottom: 10px;
  right: 20px;
  display: none;
}


/* Toggles navbar classes */
.btn-hide-show {
  margin-right: 10px;
}


/* Light theme */
.btn-light {
  color: #555;
  background-color: rgba(0, 0, 0,.1);
}
.btn-light:hover {
  color: #111;
  background-color: rgba(0, 0, 0,.25);
}

/* Dark theme */
.btn-dark {
  color: #fff;
  background-color: rgba(0, 0, 0,.5);
}
.btn-dark:hover {
  color: #fff;
  background-color: rgba(0, 0, 0,.9);
}



/* Buttons displayed throughout the content */
.btn-showup {
  position: relative;
  color: #fff;
  font-weight: normal;
  background-color: #463265;
  border-color: #3F2961;
}
.btn:focus,
.btn-showup:hover,
.btn-showup:focus {
  color: #fff;
  outline: none;
  background-color: #39235A;
  border-color: #39235A;
}

